interface IProps {
  bgColor: string;
  content: string;
}

export const Hero = (props: IProps) => {
  return (
    <div className="relative w-full h-screen">
      <div className="absolute inset-0 -z-10">
        <div className={`h-full ${props.bgColor}`}></div>
        <div className="absolute inset-0 h-full bg-gradient-to-r from-gray-800"></div>
      </div>
      <div className="h-full flex justify-center items-center text-white font-bold text-5xl">
        {props.content}
      </div>
    </div>
  );
};
